<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FATE</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="dx"></div>
    <div class="dxb"></div>
    <div class="container">



        <header class="head">
            <div class="headA"></div>

        </header>
        <div class="nav">
            <div class="navA">
                <a href="#yi">首页</a>
            </div>
            <div class="navB"> <a href="#er">兴趣爱好</a></div>
            <div class="navC"> <a href="#sn">自我介绍</a></div>
            <div class="navD"> <a href="#si">作品介绍</a></div>
        </div>
        <section class="work">
            <div class="xqah">

                <h1 id="er" class="zt">兴趣爱好</h1>

            </div>
            <div class="article">
                <div class="articleA"></div>

                <div class="articleB"></div>
                <div class="articleC"></div>
            </div>
            <p class="pA">阅读</p>
            <p class="pB">工作</p>
            <p class="pC">绘画</p>


            <br>
            <br>
            <br>
        </section>
        <div class="zwjs">
            <p class="PQ" id="sn">自我介绍</p>
        </div>
        <div class="articleyi"><br>
            <br>
            <br>

            <div class="bj">
                <br>
                <div class="tp"></div>
                <div class="wz">
                    <p>姓名：戴衡</p><br>
                    <p>年龄：20</p>
                    <p>系别：数字艺术系</p>
                    <p>班级：艺术与科技2班</p>
                    <p>住址：四川省成都市都江堰市青城山镇东软大道一号成都东软学院</p>
                    <p>座右铭：好好学习，天天向上</p>
                </div>
            </div>
        </div>
        <div class="zpjsA">
            <P class="zpjsB" id="si"> 作品介绍</P>
        </div>
        <div class="zpzs">
            <div class="zpA"></div>

            <div class="zpB"></div>
            <div class="zpC"></div>
            <div class="zpD"></div>
        </div>
        <hr>
        <div class="footer">
            <p>联系方式：QQ 8737146952

            </p><br>
            <P>微信：16783775633</P><br>
            <p>邮箱：8737146952@qq.com</p>
        </div>


    </div>

</body>

</html>